<template>
	<view class="encyclopedias">
		<u-navbar
			title="乐推百科"
			:back-icon-size="28"
			back-icon-color="#000000"
			:title-size="28"
			:border-bottom="false"
			:back-text-style="{ color: '#000000', fontSize: '26rpx' }"
			title-color="#000000"
			:custom-back="goback"
			:background="{ background: 'transparent' }"
		></u-navbar>
		<view class="enc_top" :style="[topsty]">
			<u-image width="80rpx" height="80rpx" src="https://letuilm.com/school/baike_files/logo_t.png"></u-image>
			<u-search placeholder="输入你的搜索内容" shape="square" margin="0 0 0 20rpx" :show-action="false" v-model="search" :input-style="{ height: '52rpx' }"></u-search>
		</view>
		<view class="collapse">
			<u-collapse>
				<u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index">
					<view class="collapse_items">
						<view class="infolist" v-for="(res, index2) in item.infolist" :key="index2">
							<view class="question">
								<text>{{ index2 + 1 }}、Q：{{ res.question }}</text>
							</view>
							<view class="answer">
								<text>A：{{ res.answer }}</text>
							</view>
						</view>
					</view>
				</u-collapse-item>
			</u-collapse>
		</view>
	</view>
</template>

<script>
// 获取系统状态栏的高度
let systemInfo = uni.getSystemInfoSync();
let menuButtonInfo = {};
// 如果是小程序，获取右上角胶囊的尺寸信息，避免导航栏右侧内容与胶囊重叠(支付宝小程序非本API，尚未兼容)
// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO || MP-QQ
menuButtonInfo = uni.getMenuButtonBoundingClientRect();
// #endif
export default {
	name: 'encyclopedias',
	data() {
		return {
			menuButtonInfo: menuButtonInfo,
			mpbarheight: systemInfo.statusBarHeight,
			search: '',
			itemList: [
				{
					head: '乐推联盟介绍',
					infolist: [
						{
							question: '什么是乐推联盟？',
							answer:
								'乐推联盟是一款以支付服务为入口，科技为基础，提供查询、下发通知、提醒等其他综合服务的销售管理软件。致力于帮助商户实现便捷收款，帮助乐推实现低成本高效运营，并为创业者提供公平、公开、透明的移动创业服务。'
						}
					],
					open: true,
					disabled: true
				},
				{
					head: '乐推联盟使用问题',
					infolist: [
						{
							question: '乐推联盟怎么注册？',
							answer: '两种注册方式：①下载乐推联盟APP注册；②通过其他乐推分享的H5分享链接注册。'
						},
						{
							question: '注册收不到验证码？',
							answer: '注册收不到验证码：①手机是否有第三方软件拦截了短信；②网络是否不稳定，切换网络尝试下；③手机是否停机欠费；④当天是否多次操作，获取验证码太过频繁。'
						},
						{
							question: '注册时需要填写什么？',
							answer: '注册手机号码、图形验证码、短信验证码、登录密码、邀请码，并勾选注册服务协议。'
						},
						{
							question: '已注册的商户怎么成为乐推？',
							answer:
								'已注册的商户在商户APP（盛钱包成长版APP）点击成为乐推即可，乐推联盟APP的账户、密码和商户的账户、密码相同。（温馨提示：不是乐推联盟拓展的商户无法在盛钱包成长版APP点击成为乐推）'
						},
						{
							question: '一个手机号码可以注册几个乐推和商户？',
							answer: '同一个手机号码只能注册一个乐推和一个商户。'
						},
						{
							question: '注册后无法邀请乐推和拓展商户？',
							answer: '乐推联盟注册之后需要绑定银行卡（储蓄卡）来完成实名认证后才可以开展业务（拓展商户、邀请乐推、采购机具等）。'
						},
						{
							question: '绑定银行卡报错：验证失败？',
							answer:
								'绑定银行卡会有四要素（银行预留信息开户人姓名、身份证号码、银行卡号和手机号码）验证，需银行卡预留信息四要素和注册乐推联盟的四要素信息一致才可绑定。'
						},
						{
							question: '怎么邀请乐推？',
							answer:
								'①在乐推联盟APP首页-邀请乐推-立即分享（保存相册）-发送好友（朋友圈等），点链接即可注册；②乐推联盟APP首页-我的-复制推荐码-发送好友，下载乐推联盟APP注册时输入即可。'
						},
						{
							question: '怎么拓展商户？',
							answer: '乐推联盟APP首页点拓展商户-立即分享（保存相册）-发送好友（朋友圈等），被邀请人点击链接即可注册。'
						},
						{
							question: '怎么查看邀请的乐推（商户）？',
							answer: '乐推联盟APP首页-我的乐推（商户）进行查看。'
						},
						{
							question: '如何采购机具？',
							answer: '乐推联盟APP首页-采购机具-提交订单（提交订单时需要选择机具数量和收货地址并完成支付，选择发货方式)-系统审核-商家发货-确认收货。'
						},
						{
							question: '提交订单时不能输入数量？',
							answer: '采购机具数量须是起购量的倍数增减，不支持手动输入数量。'
						},
						{
							question: '采购订单可以选择扫码支付？',
							answer: '订单支付目前只支持快捷支付（需绑定信用卡）。'
						},
						{
							question: '为什么订单支付失败？',
							answer:
								'①无法识别卡，该卡无法绑定（地方性的银行卡不支持，换卡支付）；②持卡人身份证、手机号或CVV2码输入不正确（有效期填错等信息填错或四要素验证失败，核对信息重新绑卡支付或换卡支付）等。'
						},
						{
							question: '如何查看采购订单？',
							answer: '乐推联盟APP-我的-我的订单（支付成功后可以查看到该笔订单状态，已发货的订单消息中心会有通知）。'
						},
						{
							question: '发货时间？',
							answer: '工作日17:00前付款成功的订单当天发货，17:00之后的订单下个工作日发货。'
						},
						{
							question: '发货方式？',
							answer: ' 采购机具提交订单时可以选择快递或者上门自提两种方式。'
						},
						{
							question: '没有收货，系统显示已收货？',
							answer: '如不操作收货，系统会在14天后自动确认收货。'
						},
						{
							question: '采购的机具不想要了怎么退货？',
							answer: '目前暂时不支持线上退换货。'
						},
						{
							question: '怎么查看我的机具？',
							answer: '采购后的机具可以在机具管理中查询到机具信息。'
						},
						{
							question: '重置和修改登录密码？',
							answer: '忘记登录密码在乐推联盟APP登录页面点忘记密码，通过手机验证码重置；修改登录密码在乐推联盟APP首页-我的-设置-修改登录密码。'
						},
						{
							question: '怎么修改收货地址？',
							answer: '收货地址可以在乐推联盟APP提交采购订单时新增地址，或者在乐推联盟APP-我的-收货地址进行修改变更等管理操作。'
						},
						{
							question: '我的手机号码变更了怎么修改？',
							answer: '注册手机号码一经注册不支持更换修改。'
						},
						{
							question: '怎么修改银行卡？',
							answer: '①银行卡可以在乐推联盟APP-我的银行卡-修改（分结算卡和信用卡）。'
						},
						{
							question: '可以多绑定几张银行卡吗？',
							answer: '支付卡（信用卡）可以绑定多张，结算卡（储蓄卡）只允许一张。'
						},
						{
							question: '怎么提现？',
							answer: '乐推收益可以分类型进行提现，提现需要收取手续费和税费（税费=提现金额*税率，提现手续费是按照3元/笔收取）。'
						},
						{
							question: '收益提现失败了？',
							answer: '①结算卡不是一类卡，金额达到了银行日限额；②结算卡银行系统维护；③系统异常等。'
						}
					],
					open: true,
					disabled: true
				}
			]
		};
	},
	computed: {
		// 导航栏内部盒子的样式
		topsty() {
			let style = {};
			// 导航栏宽度，如果在小程序下，导航栏宽度为胶囊的左边到屏幕左边的距离
			style.height = this.navbarHeight + 'px';
			// // 如果是各家小程序，导航栏内部的宽度需要减少右边胶囊的宽度
			// #ifdef APP-PLUS || H5
			style.width = '700rpx';
			style.margin = '20rpx auto';
			// #endif
			// #ifdef MP
			let rightButtonWidth = systemInfo.windowWidth - menuButtonInfo.left;
			style.marginRight = rightButtonWidth + 'px';
			// style.marginTop = systemInfo.statusBarHeight + 'px';
			// #endif
			return style;
		},
		// 转换字符数值为真正的数值
		navbarHeight() {
			// #ifdef MP
			// 小程序特别处理，让导航栏高度 = 胶囊高度 + 两倍胶囊顶部与状态栏底部的距离之差(相当于同时获得了导航栏底部与胶囊底部的距离)
			// 此方法有缺陷，暂不用(会导致少了几个px)，采用直接固定值的方式
			// return menuButtonInfo.height + (menuButtonInfo.top - this.statusBarHeight) * 2;//导航高度
			let height = systemInfo.platform == 'ios' ? 44 : 48;
			return this.height ? this.height : height;
			// #endif
		}
	},
	//实例创建完成后被立即调用
	created() {},
	onLoad(option) {},
	//挂载开始之前被调用
	beforeMount() {},
	onPullDownRefresh() {
		//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
		console.log('refresh');
		setTimeout(function() {
			uni.stopPullDownRefresh(); //停止下拉刷新动画
		}, 1000);
	},
	//初次渲染完成
	onReady() {},
	//全局只触发一次
	onLaunch() {},
	//从后台进入前台
	onShow() {},
	//前台进入后台
	onHide() {},
	methods: {
		goback() {
			uni.navigateBack({
				delta: 1,
				animationType: 'pop-out',
				animationDuration: 200
			});
		},
	}
};
</script>

<style lang="scss" scoped>
.encyclopedias {
	.enc_top::v-deep {
		// width: 700rpx;
		// margin: 20rpx auto;
		display: flex;
		justify-content: space-around;
		align-items: center;
		.uni-input-placeholder {
			left: 0rpx;
		}
		.uni-input-input {
			text-indent: 0rpx;
		}
	}
	/* #ifdef MP */
	.enc_top {
		// width: 508rpx;
		// margin: 30rpx 0 20rpx 0;
	}
	/* #endif */
	.collapse {
		width: 700rpx;
		margin: 0 auto;
		.collapse_items {
			// width: 700rpx;
			.infolist {
				padding: 10rpx 0;
				.question {
				}
				.answer {
					margin: 20rpx 0;
				}
			}
		}
	}
}
</style>
